<template>
  <div class="app pt-5 bg-themebrown">
    <div class="container text-center">
      <div class="bg-white col-lg-6 col-md-8 mx-auto py-3">
        <div class="error-shape err-404"><span>404</span></div>
        <h3 class="font-thin text-grey">您请求的页面不存在。</h3>
        <div class="row text-grey">
          <div class="col-md-8 offset-md-2">
            <input class="form-control text-center my-3" placeholder="Search something">
            <div class="font-xs text-muted">The Page you requested does not exist.</div>
          </div>
        </div>
        <a href="/" class="btn btn-secondary mt-3">返回首页</a>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: 'error-404',
  mounted () {
    document.body.classList.remove('preloader')
  }
}
</script>
